@charset "utf-8";
/* body{
    zoom: 110%;
} */
/*-------------------位置--------------------------------*/
/* 装饰物 */
.position1 {
    position: absolute;
    top: 5%;
    left: 2%;
    float: left;
}

/* 标题 */
.position2 {
    position: absolute;
    top: 3%;
    left: 5%;
}

/* 警情区 */
.position3 {
    position: absolute;
    top: 31%;
    left: 0.4%;
    float: left;
}

/* 计数器 */
.position4 {
    position: absolute;
    top: 2%;
    right: 0.6%;
    /* float: right; */
}

/* 大数据 */
.position5 {
    position: absolute;
    top: 41%;
    right: 0.4%;
    /* float: right; */
}

/* 信息展示 */
.position6 {
    position: absolute;
    top: 85%;
    left: 0.4%;
    /* left: 30%; */
    float: left;
}

/* 导航区 */
.position7 {
    position: absolute;
    top: 86%;
    right: 0.4%;
    /* float: right; */
}

/* 热力图 */
.position8 {
    position: absolute;
    top: 5%;
    left: 35%;
    /* float: right; */
}

/*------------------组件----------------------------------*/
/*-----地图-------*/
#container {
    height: 1080px;
    width: 1920px;
}

#container2 {
    height: 300px;
    width: 300px;
}

/*-----边框-------*/
/* 标题 */
.con1 {
    width: 488px;
    /*height: 127.94px;*/
    height: 128px;
    /*font-family: "Microsoft Yahei";*/
    font-size: 50px !important;
    text-align: center;
    /* line-height: 0px; */
    pointer-events: auto;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    background: none;
    border-image: url("/image/TB1SOJ.QXXXXXbgXXXXXXXXXXXX-689-232.png") 46 305 117 33 fill / 46px 305px 117px 33px / 0 repeat;
    filter: blur(0px);
}

.con1 font {
    position: relative;
    top: 25px;
    /* margin-top: -10px; */
}

/* 警情区 */
.con2 {
    flex-direction: row;
    width: 289px;
    /*height: 589.7px;*/
    height: 590px;
    pointer-events: auto;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    background: none;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    border-image: url("/image/9.png") 46 305 117 33 fill / 46px 305px 117px 33px / 0 repeat;
    filter: blur(0px);
}

/* 计数器 */
.con3 {
    width: 391px;
    height: 132px;
    pointer-events: auto;
    border-radius: 0;
    border-style: solid;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    border-image: url("/image/9.png") 46 305 117 33 fill / 46px 305px 117px 33px / 0 repeat;
    border-width: 1px;
    background: none;
    filter: blur(0px);
}

/* 大数据 */
.con4 {
    width: 271px;
    height: 482px;
    pointer-events: auto;
    border-radius: 0;
    border-style: solid;
    transform: rotate(0deg) scaleY(-1);
    border-image: url("/image/9.png") 46 305 117 33 fill / 46px 305px 117px 33px / 0 repeat;
    border-width: 1px;
    background: none;
    filter: blur(0px);
}

/* 信息展示 */
.con5 {
    width: 579px;
    height: 140px;
    pointer-events: auto;
    border-radius: 0;
    border-style: solid;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    border-image: url("/image/9.png") 46 305 117 33 fill / 46px 305px 117px 33px / 0 repeat;
    border-width: 1px;
    background: none;
    filter: blur(0px);
}

/* 导航区 */
.con6 {
    width: 271px;
    height: 140px;
    pointer-events: auto;
    border-radius: 0;
    border-style: solid;
    border-image: url("/image/9.png") 46 305 117 33 fill / 46px 305px 117px 33px / 0 repeat;
    border-width: 1px;
    background: none;
    filter: blur(0px);
}

/* 热力图 */
.con7 {
    width: 305px;
    height: 305px;
    pointer-events: auto;
    border-radius: 0;
    opacity: 0.5;

    background: none;
    filter: blur(0px);
}

/*-----装饰物------*/
/* 标题 */
.ornament1 {
    /*width: 369.96px;*/
    width: 370px;
    /*height: 39.84px;*/
    height: 40px;
    opacity: 1;
    background-image: url("/image/TB1Pg3pPXXXXXcxXpXXXXXXXXXX-1920-1080.gif");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

/* 检测天数 */
.ornament2 {
    /*width: 48.3px;*/
    width: 48px;
    /*height: 42.6px;*/
    height: 43px;
    opacity: 1;
    margin-top: 60px;
    background-image: url("/image/TB1oujktMHqK1RjSZFPXXcwapXa-500-500.png");
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    background-position: center center;
    float: left;
}

/* 黑广播数 */
.ornament3 {
    /*width: 48.3px;*/
    width: 48px;
    /*height: 42.6px;*/
    height: 43px;
    opacity: 1;
    margin-top: 60px;
    background-image: url("/image/TB1uSTjtH2pK1RjSZFsXXaNlXXa-800-800.png");
    background-size: 100%;
    background-repeat: no-repeat;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    background-position: center center;
    float: left;
}

/* 导航区 */
.ornament4 {
    width: 100%;
    /*height: 42.6px;*/
    height: 43px;
    opacity: 1;
    margin-top: 10px;
    background-image: url("/image/TB10bUCPFXXXXajapXXXXXXXXXX-782-259.gif");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    position: relative;
    top: 30px
}

/* 信息展示区 */
.ornament5 {
    width: 10%;
    height: 55px;
    opacity: 1;
    /* margin-top: 10px;  */
    background-image: url("/image/TB1lFbktH2pK1RjSZFsXXaNlXXa-800-800.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    position: relative;
    left: 475px;
    top: -50px;
    /* top: 30px */
}

/* 设备总量 */
.ornament6 {
    width: 20%;
    height: 55px;
    opacity: 1;
    /* margin-top: 10px;  */
    background-image: url("/image/TB1tefhtNTpK1RjSZR0XXbEwXXa-300-800.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    position: relative;
    left: -32px;
    top: 111px;
}

/* 在线设备 */
.ornament7 {
    width: 20%;
    height: 55px;
    opacity: 1;
    /* margin-top: 10px;  */
    background-image: url("/image/TB1lFbktH2pK1RjSZFsXXaNlXXa-800-800.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    position: relative;
    left: -32px;
    top: -62px;
}

/*----- 图表 -----*/
/* 年统计 */
.chart1 {
    height: 33%;
    width: 90%;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
}

/* 月统计 */
.chart2 {
    height: 33%;
    width: 90%;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
}

/* 分类统计 */
.chart3 {
    height: 45%;
    width: 90%;
    transform: rotate(0deg) scaleY(-1);
}

/* 时间统计 */
.chart4 {
    height: 45%;
    width: 90%;
    transform: rotate(0deg) scaleY(-1);
}

/* 区域热力图 */
.chart5 {
    height: 30%;
    width: 90%;
    transform: rotate(0deg) scaleY(-1);
}

/*----- 轮播表 ---*/
.scroll {
    height: 70%;
    width: 75%;
    /* margin-left: 20px; */
    /* margin-top: 10px; */
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    position: relative;
    left: 22px;
    top: 20px;
}

/*----- 导航按钮 --*/
.button {
    width: 80%;
    position: relative;
    top: 40px;
    left: 20px
}

/*------------------------ 信息展示 ---------------------*/
.info {
    width: 70%;
    height: 60%;
    background-color: rgba(0, 0, 0, 0.5);
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    position: relative;
    top: 25px;
    left: 20px;
}

/*------------------------ 各类组件 ---------------------*/
/* 字体 */
.font1 {
    margin-bottom: -75px !important;
    font-weight: normal;
    /*font-family: "Microsoft Yahei";*/
    font-size: 25px;
}

.font2 {
    /*font-family: "Microsoft Yahei";*/
    font-size: 25px;
    /* margin-left:80px; */
    /* margin-top: 100px; */
    position: relative;
    top: 35px;
}

.font3 {
    font-family: 'Courier New', Courier, monospace;
    font-size: 25px;
    position: relative;
    left: 60px;
    top: -10px;
}

/*h1{*/
/*    !*color: "#899FAC";*!*/
/*    position: relative;*/
/*    top: 20px;*/
/*}*/
/* 计数器 */
.counter {
    width: 35%;
    height: 100%;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    float: left;
    margin-left: 10px;
    margin-right: -10px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 90px;
}

.counter2 {
    margin-top: -15px;
    position: relative;
    left: 0;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
    width: 70%;
    height: 17.5%;
    float: left;
}

.dv-digital-flop {
    margin-top: -35px !important;
}

#chart2 {
    margin-bottom: -20px !important;
}
/*------------------------ 信息窗口样式 ---------------------*/
.content-window-card {
    position: relative;
    box-shadow: none;
    bottom: 0;
    left: 0;
    width: auto;
    padding: 0;
}

.content-window-card p {
    height: 2rem;
}

.custom-info {
    border: solid 1px silver;
    /* background-color: aqua !important; */
}

div.info-top {
    position: relative;
    background: none repeat scroll 0 0 #F9F9F9;
    border-bottom: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
}

div.info-top div {
    display: inline-block;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    padding: 0 10px;
}

div.info-top img {
    position: absolute;
    top: 10px;
    right: 10px;
    transition-duration: 0.25s;
}

div.info-top img:hover {
    box-shadow: 0 0 5px #000;
}

div.info-middle {
    font-size: 12px;
    padding: 10px 6px;
    line-height: 20px;
}

div.info-bottom {
    height: 0;
    width: 100%;
    clear: both;
    text-align: center;
}

div.info-bottom img {
    position: relative;
    z-index: 104;
}

span {
    margin-left: 5px;
    font-size: 11px;
}

.info-middle img {
    float: left;
    margin-right: 6px;
}

.amap-marker-label {
    font-size: 13px;
    border: 1px solid orange;
    background: #fff;
    border-radius: 10px 0 0 0;
    color: #690441;
}

.indexInfoFont {
    color: #FFFFFF;
}
/*------------------------ 右键菜单样式 ---------------------*/
.context_menu{
    position: relative;
    min-width: 6rem;
    padding: 0;
    background: #FFFFFF;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
}

.context_menu p{
    background: #FFFFFF;
    cursor: pointer;
    padding: 0.25rem 1.25rem;
    transform: rotate(0deg) scaleX(-1) scaleY(-1);
}
.context_menu p:hover{
    background: #ccc;
}